• Choices
• Class name- choices
• Orientation
• Column flow
• Column count
• Row count
• Not in list rule
• Bubble help
• Render as Button List
• Button style
• Alignment
• Fill width
• OnSelect
• OnClick
• Selected image
• Un-selected image
• Has custom design for checkbox appearance
• Custom appearance designer
• Custom layout when in AbsoluteLayout container
• Suppress labels when in AbsoluteLayout container
• Javascript control

Choices

Description

Specify one or more options to display in the CheckBox control.

Discussion

The Choices property lets you define the choices that will appear next to each checkbox. Clicking the button next to Choices will open the Define Choices dialog. There are three options for how to define the choices presented, Static, Dynamic, and Variable.

Defining Static Choices

In this scenario you can manually enter the choices to show for the CheckBox control.

1. Click the smart field button for the Choices property to open the Define Choices dialog for a new or existing CheckBox control.

   

2. The Define Choices dialog will open. Check the "Static" radio control.

   

3. Define a list of choices for the control. Separate each choice by placing it on a new line.

   

4. Run the component in Live Preview.

   
   If the control appears to be wrapping reopen the Controls page, highlight the checkbox control, and adjust the Width or Height settings under the Field Properties section of the Control Properties list.

Dynamic Choices

The Dynamic option can be used to populate the control from a data source using an AlphaDAO connection. This is done as follows:

1. Click the smart field button for the Choices property to open the Define Choices dialog for a new or existing CheckBox control.

2. The Define Choices dialog will open. Select the Dynamic option.

   

3. Under the Data Source section of the Define choices dialog click the dropdown next to the "Data source type" property. Select AlphaDAO.

   

4. Click the button next to the AlphaDAO Connection string name.

   

5. Choose "Use a names connection string" and click the Select button. Connect to the Northwind database and click OK and OK again.

   

6. Click the button next to the AlphaDAO SQL SELECT statement.

   

7. Click the Select button. Choose the Customers table from the list of tables and click OK.

   

8. Select the Countries field as the Field to display. Click OK and OK again.

   

9. Run the component in Live Preview.

   

Variable Choices

An Xbasic variable can also be used to populate the CheckBox control. The variable can be statically defined or dynamically computed using data from a web server, Node service, or other means. The Xbasic variable is defined in the server-side events for the component. The steps below describe how to create a variable and use it to populate a CheckBox control:

1. Open the UX Builder and then open the Events Server-side page.

   

2. In the Server-Side Events menu highlight the "onDialogInitialize"" event.

   

3. Add the following code to the onDialog Initialize event:

   e.rtc.variableCheckBox = <<%str%
   one
   two
   three
   %str%

   
   Here we are defining a variable named "variableCheckBox" and populating the list of choices as one, two, and three.

4. Click the smart field button for the Choices property to open the Define Choices dialog for a new or existing CheckBox control.

   

5. The Define Choices dialog will open. From the "Choices are:" menu select 'Variable'.

   

6. Enter 'variableCheckBox' as the variable name and click OK.

   

7. Now go to Live Preview and run the component. You should see the list you defined appear as checkbox choices.